<?php echo $header; ?>
<div id="content">
	<div id="main" class="wrapper clearfix"><?php
		
		/* PAGE HEADER
		***************/
		?><div class="pagehead">
			<h1><?php echo $heading_title; ?></h1>
			<div>
			<?php foreach ($breadcrumbs as $breadcrumb) { ?>
			<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
			<?php } ?>
			</div>
		</div><?php
		
		/* SIDE COLUMNS
		***************/
		?><?php echo $column_left; ?>
		<?php echo $column_right; ?><?php
		
		
		/* PAGE CONTENT
		***************/
		?><div id="content-body">
			<?php if ($success) { ?>
			<div class="success"><?php echo $success; ?><img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>
			<?php } ?>
			
			<?php echo $content_top; ?>
			<?php if ($products) { ?>
			<div class="compare-wrapper">
				<div class="scrollPane">
					<table class="compare-info list">
						<thead>
							<tr>
								<td class="compare-product" colspan="<?php echo count($products) + 1; ?>"><?php echo $text_product; ?></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><?php echo $text_name; ?></td>
								<?php foreach ($products as $product) { ?>
								<td class="name"><a href="<?php echo $products[$product['product_id']]['href']; ?>"><?php echo $products[$product['product_id']]['name']; ?></a></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_image; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php if ($products[$product['product_id']]['thumb']) { ?>
									<img src="<?php echo $products[$product['product_id']]['thumb']; ?>" alt="<?php echo $products[$product['product_id']]['name']; ?>" />
									<?php } ?></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_price; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php if ($products[$product['product_id']]['price']) { ?>
									<?php if (!$products[$product['product_id']]['special']) { ?>
									<?php echo $products[$product['product_id']]['price']; ?>
									<?php } else { ?>
									<span class="price-old"><?php echo $products[$product['product_id']]['price']; ?></span> <span class="price-new"><?php echo $products[$product['product_id']]['special']; ?></span>
									<?php } ?>
									<?php } ?></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_model; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php echo $products[$product['product_id']]['model']; ?></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_manufacturer; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php echo $products[$product['product_id']]['manufacturer']; ?></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_availability; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php echo $products[$product['product_id']]['availability']; ?></td>
								<?php } ?>
							</tr>
							<?php if ($review_status) { ?>
							<tr>
								<td><?php echo $text_rating; ?></td>
								<?php foreach ($products as $product) { ?>
								<td>
									<b class="rating lrg-stars stars-<?php echo $products[$product['product_id']]['rating']; ?>" title="<?php echo $products[$product['product_id']]['reviews']; ?>"></b>
									<br />
									<?php echo $products[$product['product_id']]['reviews']; ?>
								</td>
								<?php } ?>
							</tr>
							<?php } ?>
							<tr>
								<td><?php echo $text_summary; ?></td>
								<?php foreach ($products as $product) { ?>
								<td class="description"><?php echo $products[$product['product_id']]['description']; ?></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_weight; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php echo $products[$product['product_id']]['weight']; ?></td>
								<?php } ?>
							</tr>
							<tr>
								<td><?php echo $text_dimension; ?></td>
								<?php foreach ($products as $product) { ?>
								<td><?php echo $products[$product['product_id']]['length']; ?> x <?php echo $products[$product['product_id']]['width']; ?> x <?php echo $products[$product['product_id']]['height']; ?></td>
								<?php } ?>
							</tr>
						</tbody>
						<?php foreach ($attribute_groups as $attribute_group) { ?>
						<thead>
							<tr>
								<td class="compare-attribute" colspan="<?php echo count($products) + 1; ?>"><?php echo $attribute_group['name']; ?></td>
							</tr>
						</thead>
						<?php foreach ($attribute_group['attribute'] as $key => $attribute) { ?>
						<tbody>
							<tr>
								<td><?php echo $attribute['name']; ?></td>
								<?php foreach ($products as $product) { ?>
								<?php if (isset($products[$product['product_id']]['attribute'][$key])) { ?>
								<td><?php echo $products[$product['product_id']]['attribute'][$key]; ?></td>
								<?php } else { ?>
								<td></td>
								<?php } ?>
								<?php } ?>
							</tr>
						</tbody>
						<?php } ?>
						<?php } ?>
						<tr>
							<td></td>
							<?php foreach ($products as $product) { ?>
							<td><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="dark-bt button" /></td>
							<?php } ?>
						</tr>
						<tr>
							<td></td>
							<?php foreach ($products as $product) { ?>
							<td class="remove"><a href="<?php echo $product['remove']; ?>"><?php echo $button_remove; ?></a></td>
							<?php } ?>
						</tr>
					</table>
				</div>
			</div>
			
			<div class="buttons">
				<div class="right"><a href="<?php echo $continue; ?>" class="button"><?php echo $button_continue; ?></a></div>
			</div>
			<?php } else { ?>
			<div class="content"><?php echo $text_empty; ?></div>
			<div class="buttons">
				<div class="right"><a href="<?php echo $continue; ?>" class="button"><?php echo $button_continue; ?></a></div>
			</div>
			<?php } ?>
			
			<?php echo $content_bottom; ?>
		</div>
		
	</div>
</div>
<script>
$(document).ready(function(e) {
	$('.compare-wrapper').css({opacity:0});
	$('.compare-wrapper').animate({opacity:1}, 300, function(){
		$('.compare-wrapper').css({height: $('.compare-wrapper .scrollPane').outerHeight()});
		$('.compare-wrapper').jScrollPane({ horizontalDragMinWidth: 40, horizontalDragMaxWidth: 40, hideFocus:true, maintainPosition: false });	
	});
	$(window).resize(function(){
		$('.compare-wrapper').css({height: $('.compare-wrapper .scrollPane').outerHeight()});
		var api = $('.compare-wrapper').data('jsp');
		var throttleTimeout;
		if ($.browser.msie) {
			// FOR IE
			if (!throttleTimeout) {throttleTimeout = setTimeout(function() {api.reinitialise();throttleTimeout = null;}, 50);}
		} else {
			api.reinitialise();
		}
	});
});

</script>
<?php echo $footer; ?>